.container {
    flex-direction: column;
    height: 100%;
    background-color: #F6F6F6;
    align-items: center;
}

.title-content {
    width: 100%;
    height: 8%;
    flex-direction: column;
    background-color: white;
}

.title-wrap {
    width: 100%;
    height: 100%;
}

.back-bt {
    object-fit: contain;
    height: 70%;
}

.title-glue {
    width: 15%;
    align-items: center;
}

.title-text {
    width: 70%;
    text-align: center;
    font-size: 20px;
}

.bottom-content {
    height: 8%;
    width: 100%;
    position: relative;
    bottom: 0%;
    background-color: white;
    justify-content: flex-start;
}

.total-info-wrap {
    width: 60%;
    align-items: center;
}

.total-info {
    font-size: 19px;
}

.info-left {
    margin-left: 10px;
}

.info-right {
    color: #ff4800;
}

.settlement-wrap {
    width: 40%;
    align-items: center;
    justify-content: center;
}

.settlement-bt {
    width: 80%;
    height: 70%;
    background-color: #fa5b19;
}

.item-content {
    height: 84%;
    width: 95%;
    flex-direction: column;
    align-items: center;
}

.goods-list {
    margin-top: 10px;
    width: 95%;
    background-color: white;
    border-radius: 10px;
}

.goods-item {
    height: 25%;
    align-items: center;
}

.goods-cover-image-wrap {
    width: 40%;
    margin-left: 10px;
}

.goods-cover-image {
    object-fit: contain;
}

.goods-info-wrap {
    flex-direction: column;
    height: 70%;
    align-items: center;
}

.info-item-wrap{
    width: 90%;
}

.goods-name{
    width: 65%;
    font-size: 18px;
    text-align: left;
}

.goods-price{
    width: 35%;
    font-size: 17px;
    text-align: end;
}

.goods-num{
    width: 35%;
    color: #909399;
    font-size: 17px;
    text-align: end;
}

.goods-type{
    width: 65%;
}

.order-info {
    height: 20%;
    width: 100%;
    background-color: white;
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.order-info-item {
    width: 90%;
}

.order-info-text {
    width: 50%;
    font-size: 20px;
}

.order-info-left {
    text-align: left;
}

.order-info-right {
    text-align: end;
}
